import { useEffect, useState } from "react";
import LineCharts from "../../components/dashoard/LineChart";
import PieChart from "../../components/dashoard/PieChart";
import axios, { AxiosResponse } from "axios";

export default function Dashoard() {
  const [pieData,setPieData]=useState([]);
    const data = [
    { year: "1991", value: 3 },
    { year: "1992", value: 4 },
    { year: "1993", value: 3.5 },
    { year: "1994", value: 5 },
    { year: "1995", value: 4.9 },
    { year: "1996", value: 6 },
    { year: "1997", value: 7 },
    { year: "1998", value: 9 },
    { year: "1999", value: 13 },
  ];
  useEffect(()=>{
     axios.get("https://render.alipay.com/p/yuyan/180020010001215413/antd-charts/pie-doughnut.json").then((res:AxiosResponse)=>{
       setPieData(res.data);
     })
  },[])
  return (
    <div style={{display:"flex"}}>
        <LineCharts data={data}/>
        <PieChart data={pieData}/>
    </div>
  )
}
